<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <#assign base=request.contextPath  />
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="${base}/js/layui/css/layui.css" media="all">
     <style type="text/css">
  </style>
</head>
<bodys>
   <table class="layui-hide" id="test" lay-filter="user"></table>
  <script src="${base}/js/layui/layui.js" charset="utf-8"></script>
  <script src="${base}/js/jquery.min.js"></script>
<script>
layui.use(['form','element','laydate','table'], function(){
  var form = layui.form;
  var laydate = layui.laydate;
  var table = layui.table;   
  var layer = layui.layer;
  var element = layui.element; 
  table.render({
    elem: '#test'
    ,url:'${base}/customer/selectCustomer'//数据接口
    ,cols: [[
      {field:'', title: 'xx', align: 'center'}
      ,{field:'', title: 'xx', align: 'center'}
      ,{field:'', title: 'xx', align: 'center'}
      ,{field:'', title: 'xx', align: 'center'}
      ,{field:'', title: 'xx', align: 'center'}
      ,{field:'', title: 'xx', align: 'center'}
  
    ]]
    ,id:'testReload'
    ,height:350
    ,width:500
    ,page: {
       layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
       ,theme: '#0092EF'
       ,limit:20
    }
  });
});

</script>
</script>
</body>
</html>